<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* BOM对象：Browser Object Model 浏览器对象模型
            js将浏览器中各个部分看做一个对象，对于每个部分的操作理解为对象的属性或者函数
            BOM对象将浏览器封装为哪些对象：
            window：浏览器窗口对象 页面显示的可见区域
            history：历史记录对象
            location:地址栏对象
            screen：屏幕对象 
            navigator:浏览器对象 整个浏览器
        */

        //1.window对象
        //history location screen这三个对象是window对象的属性  window下的属性和方法可以省略window对象名调用
       /*  window.location
        location
        window.history
        history
        window.screen
        screen
 */
        //函数
  /*       window.alert() alert()
        window.prompt()
        window.confirm()
         */

         //window对象打开网页窗口的方法
         /* window.open("https://www.baidu.com"); */
         //window.open ("URL.""Name""Features"):
/* URL：要加载的URL地址，可以是一个完整的URL链接或一个相对路径；Name：新窗口的名称，可以为空或指定一个
特定的字符串，如果两个或多个窗口使用了相同的名称，则它们会共享一个窗口；Features：新窗口的特性，它是一个
字符串，包含一个或多个用逗号分隔的选项，用于指定新窗口的大小、位置、工具栏、状态栏等等。 */

         //open("https://www.baidu.com","百度网页","width=250,height=250");

         //关闭窗口的方法

         function close01(){

             window.close();
         }

         //window对象的定时函数
         //setTimeout(操作,时间间隔) 在某个时间间隔后执行一个操作
        
         /* setTimeout(function(){
            alert("hello");
         },5000)
 */


    //setInterval(操作,时间间隔) 每隔指定时间就会调用函数执行一次
  /*   setInterval(function(){
       document.write("hello");
    },2000)
 */

 //调用外面定义好的函数
   var a =   setInterval(test,2000)
   var b = setTimeout(test,3000);


    function test(){
        document.write("hello");
    } 

    //清除定时函数
    clearInterval(a);
    clearTimeout(b);

    //location对象

    function check(){
       var div =  document.querySelector(".box");
        var i = 5;
        setInterval(function(){
            div.innerHTML = i--;
            if(i == 0){
            location.href="https://www.jd.com"
        }
        },1000);
       

        //获取当前的url地址
       /*  alert(location.href); */

       //设置url地址
       /* location.href="https://www.jd.com"; */

       //刷新页面  重新载入
      /*  location.reload(); */

      //载入新的文档html
    //   location.assign("https://www.jd.com");
      //替换原来的文档为新的地址
     /*  location.replace("https://www.jd.com"); */

     /* setTimeout(function(){
        location.href="https://www.jd.com"
     },5000); */

    }


    //history对象】

    function his(){
        /* history.back(); *///后退一页
        history.forward();//前进一页

        //go()
      /*   history.go(1);
        history.go(-3) */


    }



    </script>
</head>
<body>

    <input type="button" onclick="close01()" value="关闭窗口">
    <input type="button" value="页面操作" onclick="check()">
    <input type="button" value="历史记录" onclick="his()">
    <div class="box"></div> 
    
</body>
</html>